.custom-calendar {
    height:100%;
}
.custom-calendar.small {
    height:auto;
}
.custom-calendar :global(.ant-picker-panel){
    height:100%;
}
.custom-calendar :global(.ant-picker-date-panel), .custom-calendar :global(.ant-picker-month-panel) {
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body){
    padding:0;
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table  {
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > thead > tr > th {
    background:#ebebeb;
    height:3rem;
    text-align: center;
}
.custom-calendar.small :global(.ant-picker-panel) :global(.ant-picker-body) table > thead > tr > th {
    background:#ebebeb;
    height:2rem;
    text-align: center;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper {
    height:100%;
    padding:1rem 0.8rem 0.4rem 0.8rem;
}

.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content {
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;
    border-radius:6px;
    color:rgba(0, 0, 0, 0.65);
    padding:0.5rem;
    background:#f7f8fa;
    overflow: hidden;
    position:relative;
    white-space: nowrap;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    background:#e8ffea;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    border:1px solid #191932;
}
/* 超出定额样式 */
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-warning > .content {
    background:#ffece8 !important;
}

.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    width:3rem;
    height:3rem;
    line-height:3rem;
    text-align: center;
    font-size:1.6rem;
    font-weight:bold;
    color:#fff;
    border-radius:50%;
    background-color:#c9cdd4;
}


.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content > .content-head {
    background-color:#00b42a;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-warning > .content > .content-head {
    background-color:#e03429;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-body > div {
    display:flex;
    align-items: center;
    margin-bottom:4px;
}

/* 日历模式下标签 */
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper {
    height:100%;
    padding:0.5rem;
}
.custom-calendar.small :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper {
    padding:2px;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    width:2rem;
    height:2rem;
    line-height:2rem;
    font-size:1.2rem;
}
.custom-calendar.small :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    width:1.6rem;
    height:1.6rem;
    line-height:1.6rem;
    font-size:1rem;
}

/* 月历模式下标签 */

.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .text {
    font-size:1.6rem;
    line-height:1.6rem;
    color:#000;
    font-weight:bold;
    margin:0 4px;  
}
.custom-calendar.small :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .text {
    font-size:1.2rem;
    line-height:1.2rem;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .unit {
    font-size:0.8rem;
    color:rgba(0, 0, 0, 0.65);
    margin:0 4px;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .unit {
    color:rgba(255, 255, 255, 0.65);
}
/* 浅色组件样式 */

/* 深色组件样式 */
.custom-calendar.dark:global(.ant-picker-calendar) {
    background:#191932;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body){
    background:#191932;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > thead > tr > th {
    background:#22264b;
    color:rgba(255, 255, 255, 0.8);
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content {
    background:transparent;
    border:1px solid #303046;
    color:#47475b !important;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    background:#303046;
    color:#fff !important;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td:global(.ant-picker-cell-today) > .content-wrapper > .content {
    border:2px solid #fff;
}
